

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>验证码2.0智能人机验证（VAPTCHA）- 安全、快速、免费</title>
    <meta name="viewport" content="width=device-width" />
    <meta name="description" content="手势验证码VAPTCHA是基于人工智能和大数据的次世代人机验证解决方案。独有的验证策略及风控模型组合可彻底杜绝刷票、灌水、撞库等恶意攻击行为。">
    <meta name="keywords" content="验证码,手势验证码,行为验证码,VAPTCHA,CAPTCHA,人机验证,防灌水,防DDOS，防撞库，防SQL注入，防暴力破解,防垃圾邮件,防注册机,安全验证码,轨迹验证码,免费验证码,智能验证码,防人工打码,reCAPTCHA">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" type="text/css" href="/css/canvas-animation.min.css">
    <script src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/canvas-animation.min.js"></script>
    <link href="/css/05eb8d0c6c254b41bfcdc833c15d22e9.css" rel="stylesheet" type='text/css'>
    <script src="/js/v3.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<!--    <script src="https://cdn.vaptcha.com/v2.js"></script>-->

<!--    <script src="/js/index_demo.js"></script>-->
</head>
<style>
    .vaptcha-container {
        width: 100%;
        height: 160px;
        line-height: 160px;
        text-align: center;
    }
    .vaptcha-init-main {
        display: table;
        width: 100%;
        height: 100%;
        background-color: #EEEEEE;
    }
    ​
    .vaptcha-init-loading {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }
    ​
    .vaptcha-init-loading>a {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: none;
    }
    ​
    .vaptcha-init-loading>a img {
        vertical-align: middle
    }
    ​
    .vaptcha-init-loading .vaptcha-text {
        font-family: sans-serif;
        font-size: 12px;
        color: #CCCCCC;
        vertical-align: middle
    }
</style>
<body>
<div class="mask">
    <svg display="none">
        <symbol version="1.1" id="codepen" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                width="31.665px" height="31.665px" viewBox="0 0 31.665 31.665" style="enable-background:new 0 0 31.665 31.665;"
                xml:space="preserve">
          <g>
              <path d="M16.878,0.415c-0.854-0.565-1.968-0.552-2.809,0.034L1.485,9.214c-0.671,0.468-1.071,1.233-1.071,2.052v9.444
                  c0,0.84,0.421,1.623,1.122,2.086l12.79,8.455c0.836,0.553,1.922,0.553,2.758,0l13.044-8.618c0.7-0.463,1.122-1.246,1.122-2.086
                  v-9.279c0-0.839-0.421-1.622-1.121-2.085L16.878,0.415z M26.621,10.645l-4.821,3.237l-4.521-3.288L17.25,4.127L26.621,10.645z
                   M13.979,4.133v6.329l-4.633,3.24l-4.621-3.099L13.979,4.133z M3.458,13.722l2.991,2.004l-2.991,2.093V13.722z M14.058,27.215
                  l-9.331-6.258l4.661-3.258l4.67,3.133V27.215z M12.286,15.674l3.021-2.113l3.519,2.313l-3.119,2.095L12.286,15.674z M17.354,27.215
                  V20.83l4.463-2.991l4.805,3.159L17.354,27.215z M27.954,17.927l-3.168-2.082l3.168-2.125V17.927z"/>
          </g>
          </symbol>
        <symbol version="1.1" id="twitter" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
          <g>
              <g>
                  <path d="M612,116.258c-22.525,9.981-46.694,16.75-72.088,19.772c25.929-15.527,45.777-40.155,55.184-69.411
                      c-24.322,14.379-51.169,24.82-79.775,30.48c-22.907-24.437-55.49-39.658-91.63-39.658c-69.334,0-125.551,56.217-125.551,125.513
                      c0,9.828,1.109,19.427,3.251,28.606C197.065,206.32,104.556,156.337,42.641,80.386c-10.823,18.51-16.98,40.078-16.98,63.101
                      c0,43.559,22.181,81.993,55.835,104.479c-20.575-0.688-39.926-6.348-56.867-15.756v1.568c0,60.806,43.291,111.554,100.693,123.104
                      c-10.517,2.83-21.607,4.398-33.08,4.398c-8.107,0-15.947-0.803-23.634-2.333c15.985,49.907,62.336,86.199,117.253,87.194
                      c-42.947,33.654-97.099,53.655-155.916,53.655c-10.134,0-20.116-0.612-29.944-1.721c55.567,35.681,121.536,56.485,192.438,56.485
                      c230.948,0,357.188-191.291,357.188-357.188l-0.421-16.253C573.872,163.526,595.211,141.422,612,116.258z"/>
              </g>
          </g>
          </symbol>
    </svg>

    <main>
        <canvas class="plane-canvas" id="plane-canvas"></canvas>
        <canvas class="main-canvas" id="main-canvas"></canvas>
    </main>



</div>
<div class="content">
    <div class="nav">
        <a href="/" title="VAPTCHA">
            <img class="logo" src="/images/logo.png" alt="VAPTCHA">
        </a>
        <div class="nav-link">
            <a href="/" class="index">首页</a>
            <a href="/demo/index.html">演示</a>
            <a href="https://management.vaptcha.com/login.html">管理后台</a>
        </div>
    </div>
    <form action="/doLogin" id="submit-form" method="post">
        {{csrf_field()}}
    <div class="main">
        <div class="embed">
            <div class="login-content">
                <div class="username"><span class="glyphicon glyphicon-user icon-img" aria-hidden="true"></span><input name="user_name" type="text" class="form-control" value="lwj" placeholder="请输入用户名"></div>
                <div class="password"><span class="glyphicon glyphicon-lock icon-img" aria-hidden="true"></span><input name="password" type="password" class="form-control" value="111111" placeholder="请输入密码"></div>
                <div class="vaptcha-container" id="vaptchaContainer">
                    <div class="vaptcha-init-main">
                        <div class="vaptcha-init-loading">
                            <a href="/" target="_blank">
                                <img src="https://cdn.vaptcha.com/vaptcha-loading.gif" />
                            </a>
                            <span class="vaptcha-text">Vaptcha启动中...</span>
                        </div>
                    </div>
                </div>
                <a class="btn-login btn btn-sm btn-success" disabled="disabled">登录</a>
            </div>
        </div>
    </div>
    </form>
    <div class="surperise">
        <div class="anim">
        </div>
        <div id="cat">
            <!-- <img src="/picture/cat2.png" alt="" srcset=""> -->
        </div>
        <div class="what" id="video-maskbtn">
            <span></span>
            <a>快速了解VAPTCHA</a>
        </div>
    </div>
    <div class="footer">
        <div style="float: left; width: 0px; color: #000;">
            VAPTCHA是“Variation Analysis based Public Turing Test to Tell Computers and Humans Apart”（基于变量分析来区分人类和计算机的图灵测试程序）的缩写，又称为手势验证码， 一种基于人工智能和大数据的人机验证解决方案 。用户仅需用鼠标绘制指定轨迹即可完成人机验证。与传统验证码相比，VAPTCHA不仅用户体验更好，而且更加安全，是目前最不可能被破解的验证码。VAPTCHA能有效防止暴力破解、论坛灌水、垃圾邮件、撞库、刷投票、人工打码、恶意提交数据等。</div>
        <div class="footer-main">
            <div>
                <a href="/document/install.html" target="_blank">开发文档</a>
                <a href="/document/faq.html" target="_blank">FAQ</a>
                <a href="/document/contract.html" target="_blank">服务条款</a>
                <a href="/sitemap.xml" target="_blank">Sitemap</a>
                <a href="https://github.com/VAPTCHA" target="_blank">Git</a>
                <!-- <a href="/reward">破解VAPTCHA</a> -->
                <a href="https://addon.dismall.com/?@phone_auth.plugin" target="_blank">DZ插件</a>
                <a href="/document/install.html#参数说明" target="_blank">短信接口</a>
                <a href="mailto:team@wlinno.com" target="_blank">团队邮箱</a>
            </div>
            <p class="copyright">
                Copyright © 2017 VAPTCHA All Rights Reserved
                <a href="http://www.beian.miit.gov.cn" target="_blank">&nbsp;渝ICP备15001110号-9&nbsp;&nbsp;&nbsp;</a>
                <img src="/images/ghs.png" style="vertical-align: middle"/>
                渝公网安备 50010302001060号
                <a href="https://tongji.baidu.com/web/welcome/ico?s=e3da96e182f65086e71c28cfdbb64b10" target="_blank" style="color:#000;">百度统计</a>
            </p>
        </div>
    </div>
</div>
<div class="masks" id="mask">
    <div class="mask-video" id="mask-video">
        <video id="media" width="100%" poster="" loop="loop" preload="none" height="100%" src="https://r.vaptcha.com/public/img/VAPTCHAsxb.mp4" controls="controls"></video>
        <div id="mask-close"><i></i></div>
    </div>
</div>
</body>
</html>
<script>
    $(document).ready(function () {
        vaptcha({
            vid: '5dc17707672bd054f54ca5b8', //必填
            type: 'embed', //必填
            https: false,
            // lang: 'zh-TW',
            container: '#vaptchaContainer', // 嵌入式、点击式必填
            scene: 1, //不填默认为0
            offline_server: '/tool/vaptcha.php', //必填
            mode: 'offline' // 测试离线模式时使用
        }).then(function (obj) {
            obj.listen('pass', function () {
            //验证通过时触发
                $('.btn-login').attr("disabled", false);
            });
            $('.btn-login').click(function (e) {
                e.preventDefault();
                var token = obj.getToken();
                $.post('/tool/vaptcha.php', { token, scene: 1 }, function (r) {
                    if (r.success) {
                        $("#submit-form").submit();
                    } else {
                        $('.alert').html(r.msg);
                        obj.reset()
                    }
                }, 'json')
            });
            obj.render()
        })
    });
</script>